Jassif Team Institution

HTML Geolocation API

Geolocation API பயனரின் தற்போதைய இருப்பிடத்தைப் பெறப் பயன்படுகிறது.

பயனரின் இருப்பிடத்தைக் கண்டறிதல்

Geolocation API பயனரின் தற்போதைய இருப்பிடத்தை அணுகப் பயன்படுகிறது.

இது தனியுரிமையை சமரசப்படுத்தக்கூடியதால், பயனர் அதை அங்கீகரிக்காத வரை இருப்பிடம் கிடைக்காது.

உலாவி ஆதரவு

அட்டவணையில் உள்ள எண்கள் Geolocation ஐ முழுமையாக ஆதரிக்கும் முதல் உலாவி பதிப்பைக் குறிக்கின்றன.

HTML Geolocation API ஐப் பயன்படுத்துதல்

Geolocation API navigator.geolocation க்கு ஒரு அழைப்பு மூலம் அணுகப்படுகிறது. இது உலாவியை பயனரின் இருப்பிடத் தரவை அணுக அனுமதிக்க பயனரிடம் கேட்கும். பயனர் ஏற்றுக்கொண்டால், உலாவி இந்த தகவலை அணுக சாதனத்தில் கிடைக்கும் சிறந்த செயல்பாட்டைத் தேடும் (உதாரணமாக GPS).

getCurrentPosition() முறை பயனரின் தற்போதைய இருப்பிடத்தை வழங்க பயன்படுகிறது.

கீழே உள்ள எடுத்துக்காட்டு பயனரின் தற்போதைய இருப்பிடத்தின் அட்சரேகை மற்றும் தீர்க்கரேகையை வழங்குகிறது:

<script>
const x = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(success, error);
  } else {
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function success(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}

function error() {
  alert("Sorry, no position available.");
}
</script>

எடுத்துக்காட்டு விளக்கம்:

1. Geolocation ஆதரிக்கப்படுகிறதா எனச் சரிபார்க்கவும்
2. Geolocation ஆதரிக்கப்பட்டால், getCurrentPosition() முறையை இயக்கவும். இல்லையெனில், பயனருக்கு ஒரு செய்தியைக் காண்பிக்கவும்
3. success() செயல்பாடு பயனரின் இருப்பிடத்தை அட்சரேகை மற்றும் தீர்க்கரேகையில் வெளியிடுகிறது
4. error() செயல்பாடு getCurrentPosition() இல் உலாவி ஒரு பிழையை மீட்டெடுத்தால் ஒரு உரையை எச்சரிக்கிறது

பிழைக் கையாளுதல் மற்றும் மறுப்புகள்

getCurrentPosition() முறையின் இரண்டாவது அளவுரு பிழைகளைக் கையாளப் பயன்படுகிறது. பயனரின் இருப்பிடத்தைப் பெறத் தவறினால் இயக்க வேண்டிய செயல்பாட்டைக் குறிப்பிடுகிறது.

மிகவும் குறிப்பிட்ட பிழைக் கையாளுதலுக்கான எடுத்துக்காட்டு இங்கே:

function error(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "User denied the request for Geolocation."
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "Location information is unavailable."
      break;
    case error.TIMEOUT:
      x.innerHTML = "The request to get user location timed out."
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "An unknown error occurred."
      break;
  }
}

இருப்பிட-குறிப்பிட்ட தகவல்

Geolocation இருப்பிட-குறிப்பிட்ட தகவலுக்கும் மிகவும் பயனுள்ளதாக இருக்கும், உதாரணமாக:

• நவீனமான உள்ளூர் தகவல்
• பயனருக்கு அருகில் உள்ள கவர்ச்சி இடங்களைக் காட்டுதல்
• விலக்கு-விலக்கு வழிகாட்டல் (GPS)

getCurrentPosition() முறை - தரவு வழங்குதல்

getCurrentPosition() முறை வெற்றியில் ஒரு பொருளை வழங்குகிறது. அட்சரேகை, தீர்க்கரேகை மற்றும் துல்லியம் பண்புகள் எப்போதும் வழங்கப்படுகின்றன. மற்ற பண்புகள் கிடைக்குமென்றால் வழங்கப்படும்:

Geolocation பொருள் - பிற சுவாரஸ்யமான முறைகள்

Geolocation பொருளுக்கும் பிற சுவாரஸ்யமான முறைகள் உள்ளன:

• watchPosition() - பயனரின் தற்போதைய இருப்பிடத்தை வழங்குகிறது மற்றும் பயனர் நகரும் போது புதுப்பிக்கப்பட்ட இருப்பிடத்தைத் தொடர்ந்து வழங்குகிறது (காரில் உள்ள GPS போன்றது).
• clearWatch() - watchPosition() முறையை நிறுத்துகிறது.

<script>
const x = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.watchPosition(success, error);
  } else {
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function success(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}

function error(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "User denied the request for Geolocation."
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "Location information is unavailable."
      break;
    case error.TIMEOUT:
      x.innerHTML = "The request to get user location timed out."
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "An unknown error occurred."
      break;
  }
}
</script>

ஊடாடும் நடைமுறை

பயிற்சி